<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>小米闪购 - 小米商城</title>
	<link rel="shortcut icon"  href="H:\html\xiaomi\img\logo-mi2.png">
	<link rel="stylesheet" type="text/css" href="css/xiaomi.css">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
	<div class="topbar">
		<div class="container">
			<div class="topbar-nav">
				<a href="">小米商城</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">IoT</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">天星数科</a><span>|</span>
				<a href="">有品</a><span>|</span>
				<a href="">小爱开放平台</a><span>|</span>
				<a href="">企业团购</a><span>|</span>
				<a href="">资质证照</a><span>|</span>
				<a href="">协议规则</a><span>|</span>
				<a href="">下载App</a><span>|</span>
				<a href="">智能生活</a><span>|</span>
			</div>
			<div class="topbar-shopcar">
				<a href="" ><i class="iconfont">&#xe60c;</i>购物车
					<span>（0）</span>
				</a>
			</div>
			<div class="topbar-info">
				<a href="">登录</a></a><span>|</span>
				<a href="">注册</a></a><span>|</span>
				<a href="">消息通知</a></a><span>|</span>
			</div>
		</div>
	</div>
	
	<div class="header">
		<div class="container">
			<div class="header-log">
				<a href="" class="lr">小米商城</a>
			</div>

			<div class="header-nav" >
				<ul class="nav-list" clearfix>
					<li class="nav-category">
						<a href="">小米手机</a>
					</li>
					<li class="nav-item">
						<a href="">Redmi 红米</a>
					</li>
					<li class="nav-item">
						<a href="">电视</a>
					</li>
					<li class="nav-item">
						<a href="">笔记本</a>
					</li>
					<li class="nav-item">
						<a href="">家电</a>
					</li>
					<li class="nav-item">
						<a href="">路由器</a>
					</li>
					<li class="nav-item">
						<a href="">智能硬件</a>
					</li>
					<li class="nav-item">
						<a href="">服务</a>
					</li>
					<li class="nav-item">
						<a href="">社区</a>
					</li>
				</ul>
			</div>

			<div class="header-search">			
				<form action="" class="search-form">
					<input type="search" name="keyword" class="search-text">
					<input type="submit" value="&#xe616;" class="search-button iconfont">
				</form>
			</div>
			
		</div>
	</div>

	<div class="seckill">
		<div class="seckill-head"></div>
		<div class="container">
			<div class="seckill-nav">
				<ul id="tabs">
					<li class="active"><em>18:00</em><span><em>即将开始<br>距离开始 01:25:15</em></span></li>
					<li><em>20:00</em> <span>即将开始</span></li>
					<li><em>20:00</em> <span>即将开始</span></li>
					<li><em>00:00</em> <span>明日开始</span></li>
					<li><em>00:00</em> <span>明日开始</span></li>
				</ul>
			</div>

			<div class="seckill-goods">
				<ul class="clearfix">
					<li>
						<div class="bg"><img src="img/1.png"></div>
						<div class="info">
							<a href="" class="name">小米移动电源2C 20000mAh 白色</a>
							<p class="tips">大容量，一个就够用</p>
							<p class="price">1元 <del>129元</del></p>
							<a href="" class="btn">登录后抢购</a>
							<p class="person">已有83852人设置提醒</p>	
						</div>


					</li>
					<li></li>
					<li></li>
					<li></li>

				</ul>				
			</div>
			
			<p class="seckill-notice">小米闪购活动规则：小米闪购商品不享受该商品吧啦啦啦啦啦吧啦啦啦啦</p>		
		</div>
		

	</div>

	<script src="js/index.js"></script>

</body>
</html>